<template>
    <el-dialog 
        v-model="store.state.dialogVisible" 
        title="播放" 
    >
        <video 
            width="500" height="500" 
            style="margin-left: 100px;" 
            controls
            v-if="store.state.currentClickFile.fileType===5"
            :key="store.state.previewUrl" 
        >
          <source 
            :src="store.state.previewUrl" 
            type="video/mp4"  
            crossorigin="anonymous"
        >
          您的浏览器不支持视频播放。
        </video>
        <img 
            v-if="store.state.currentClickFile.fileType===4"
            :src="store.state.previewUrl" 
            style="height: 100%; width: 50%; margin-left: 200px;"
            alt="图片预览"
        >
    </el-dialog>
</template>

<script setup lang="ts">
import {fileStore} from '@/stores/disk/file'
const store= fileStore();
</script>

<style scoped>

</style>